@charset "UTF-8";

.user {
  padding: 80px 0 50px;
  overflow: hidden;
  border-top: 1px solid #e3e6e9;
  background-color: #fbfbfb;
  &_main {
    width: 40%;
    overflow: hidden;
    padding: 0 50px;
    margin: 0 auto;
  }
  &_wrap {
    width: 50%;
    // border: 1px solid red;
    box-sizing: border-box;
    padding: 0 25px;
    // margin-right: 2%;
    height: 150px;
    float: left;
    &:nth-child(1) {
      .user_card_img {
        background-size: 76%;
        background-image: url('../../static/images/logos/logo_jd.png')
      }
    }
    &:nth-child(2) {
      padding-left: 15px;
      .user_card_img {
        background-size: 100% auto;
        background-image: url('../../static/images/logos/logo_toplife.png')
      }
    }
  }
  &_desc {
    position: relative;
    top: -50px;
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #ccc;
    transition: all 0.4s ease;
  }
  &_card {
    margin: 0 auto;
    height: 100%;

    &:hover {
      .user_desc {
        color: #4d4d4d;
      }
      .user_card_img {
        filter: grayscale(0%);
        opacity: 1;
      }
    }
  }
  &_card_img {
    opacity: 0.6;
    filter: grayscale(100%);
    transition: all 0.4s ease;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
  }
}
